.loading {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(black, .5);
  .box {
    width: 20px;
    height: 20px;
    // background: orange;
    border-top: 4px solid #98b9ff;
    border-left: none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    border-radius: 50%;
    animation: ani1 .5s ease-in-out infinite;
  }
}

@keyframes ani1 {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
